<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Viewport metatags -->
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>404错误页面</title>
    </head>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        a{
            text-decoration: none;
            color: #777777;
        }
        body{
            background: url("/static/image/bg404.png") no-repeat center center fixed;
            background-size: cover;
        }
        #da-content{
            text-align: center;
        }
        #da-error-code{
            font-size: 40px;
            margin-top: 60px;
            margin-bottom: 50px;
        }
        #da-error-wrapper p{
            margin-top: 40px;
            margin-bottom: 30px;
        }
        #da-footer{
            margin-top: 300px;
            text-align: center;
        }
    </style>
    <body>

        <!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
        <div id="da-wrapper" class="fluid">
            <!-- Content -->
            <div id="da-content">
                <!-- Container -->
                <div class="da-container clearfix">
                    <div id="da-error-wrapper">
                        <div id="da-error-code">
                            error <span>404</span>                    </div>

                        <h1 class="da-error-heading">哎哟喂！页面让狗狗叼走了！</h1>
                        <p>大家可以到狗狗没有叼过的地方看看！
                            <a href="javascript:history.back(-1)">返回上一页</a>
                            <a th:href="@{/index}">首页</a>
                        </p>
                    </div>
                </div>
            </div>

            <!-- Footer -->
            <div id="da-footer">
                <div class="da-container clearfix">
                <p> ebook 小说网 </div>
            </div>
        </div>
    </body>
</html>
